﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>404 Page</title>

	<style>
		html,
		body {
			height: 100%;
			width: 100%;
			margin: 0px;
		}

		.system-error-page {
			width: 100%;
			height: 100%;
		}

		.result {
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-top: -100px;
		}

		.result-image {
			width: 400px;
			height: 340px;
		}

		.result-title {
			margin-bottom: 24px;
			color: #17233d;
			font-weight: bold;
			font-size: 28px;
			line-height: 28px;
			opacity: 0;
			animation-name: slideUp;
			animation-duration: 0.5s;
			animation-fill-mode: forwards;
		}

		@keyframes slideUp {
			0% {
				transform: translateY(60px);
				opacity: 0;
			}

			100% {
				transform: translateY(0);
				opacity: 1;
			}
		}
	</style>
</head>

<body>
	<div class="system-error-page">
		<div class="result">
			<div class="result-icon result-image">
				<!-- <img src="./images/auth.svg" alt="403" /> -->
				<!-- <img src="./images/error500.svg" alt="500" /> -->
				<!-- <img src="./images/file-max.svg" alt="error" /> -->
				<img src="./images/page_under_develop.svg" alt="page_under_develop" /> 
			</div>
			<div class="result-title" id="result"></div>
		</div>
	</div>

	<script>
		function getUrlParams() {
		  // 获取 URL 参数
		  const urlParams = new URLSearchParams(window.location.search);
		  const msg = urlParams.get('msg') || '这是默认的错误信息';
		  
		  // 显示参数
		  const resultElement = document.getElementById('result');
		  resultElement.innerText = `${msg}`;
		  console.log('aaaaaa')
		}
		getUrlParams()
	  </script>
</body>

</html>